<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/register.css">
    <title>Document</title>
</head>

<body>
    <div class="wyzbox">
        <div class="wyzTop">
            <h1>
                <a class="wyza" href="javascript:;">

                </a>
            </h1>
            <span class="wyzShow">你好，欢迎来到D1购物，请&nbsp;
                <a href="login.html" style="color:#8cc341">登录</a>
                &nbsp;或&nbsp;
                <a href="register.html" style="color:#8cc341">注册</a>
                &nbsp;&nbsp;&nbsp;&nbsp;
            </span>
            <ul class="wyzul">
                <li>
                    <a href="javascript:;">
                        我得帐户
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        订单查询
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        我的优惠卷
                    </a>
                </li>
                <li>
                    <a href="javascript:;">
                        积分换购
                    </a>
                </li>
                <li class="wyzwu">
                    <a href="javascript:;">
                        帮助中心
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="wyzcenter">
        <div class="wyzreg">
            <div class="wyzregimg">
                <!-- 留口 -->
                <h2 class="wyzh2"><a href="javascript:;">已有账户</a> </h2>
                <a href="javascript:;"><img class="wyzlog" src="../images/reglogin.png" alt=""></a>
            </div>
        </div>
        <div class="wyzreg1">
            <h3 class="wyzh3">填写注册信息</h3>
            <p><span class="wyzspan"><a href="javascript:;">*手机号码:</a></span> <input class="wyzinput wyzinput1"
                    type="text"> <img class="wyzno" src="../images/no.gif" alt=""><img class="wyzsuc"
                    src="../images/suc.jpg" alt=""></p>

            <div class="wyzyanzheng">
                <input class="wyzinput8" type="text" placeholder="请输入右侧图片数字">
                <img onclick="changeCode();" id="wyztupian" src="http://www.d1.com.cn/ImageCode?r=3" alt="">
                <a onclick="changeCode();" href="javascript:;" class="wyzshuaxin">刷新</a>
            </div>
            <p><span class="wyzspan"><a href="javascript:;">*手机验证码:</a></span> <input class="wyzinput wyzinput2"
                    type="text"></p>
            <div class="wyzzhan">
                <ul class="wyzul1">
                    <li class="wyzli">请输入手机验证码</li>
                    <li class="wyz">验证码不能为空！</li>
                </ul>
                <ul class="wyzul2">
                    <li class="wyzli1">请填写正确的手机号。便于您接受订单信息，取回密码等。</li>
                    <li class="wyz1">手机号不能为空，请输入</li>
                </ul>
            </div>
            <p class="wyzp"><span class="wyzspan"><a href="javascript:;">*您的性别:</a></span><input class="wyznan"
                    type="checkbox">男&nbsp;&nbsp; <input class="wyznan" type="checkbox">女&nbsp;&nbsp;
                <img class="wyzsuc4" src="../images/suc.jpg" alt="">
            </p>
            <p class="wyzxingbie">选择性别，方便我们推荐适合您的商品。</p>
            <p class="wyzxingbie1">请选择性别</p>
            <p class="wyzp1"><span class="wyzspan"><a href="javascript:;">*设置密码:</a></span>
                <input class="wyzinput wyzinput3" type="password"><img class="wyzno1" src="../images/no.gif" alt=""><img
                    class="wyzsuc1" src="../images/suc.jpg" alt=""></p>
            <ul class="wyzul3">
                <li class="wyzli2">密码长度6-14，支持数字，符号，字母，字母区分大小写</li>
                <li class="wyz2">密码长度必须为6-14位</li>
            </ul>
            <p class="wyzp1"><span class="wyzspan"><a href="javascript:;">*确认密码:</a></span> <input
                    class="wyzinput wyzinput4" type="password"><img class="wyzno2" src="../images/no.gif" alt=""><img
                    class="wyzsuc2" src="../images/suc.jpg" alt=""></p>
            <ul class="wyzul4">
                <li class="wyzli3">请在此输入您设置的密码</li>
                <li class="wyz3">两次输入密码不一致</li>
            </ul>
            <div>
                <!-- ----------注册跳转----------- -->
                <a href="javascript:;"><input id="wyzid" type="button" value="立即注册"></a>
            </div>
            <div class="wyzdibu">

            </div>
        </div>
    </div>
    <div id="footer"></div>
    <script src="../js/jquery-3.1.1.js"></script>
    <script src="../js/ajax.js"></script>
    <script src="../js/register.js"></script>
    <script>
        function changeCode() {
            document.getElementById("wyztupian").src = "http://www.d1.com.cn/ImageCode?r=" + Math.random();
        }
        $(function () {
            $('#footer').load('foot.html');
        });
    </script>

</body>

</html>